<?php echo $header; ?><?php echo $column_left; ?>
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <div class="pull-right"><a href="<?php echo $add; ?>" data-toggle="tooltip" title="<?php echo $button_add; ?>" class="btn btn-primary"><i class="fa fa-plus"></i></a>
        <button type="button" data-toggle="tooltip" title="<?php echo $button_delete; ?>" class="btn btn-danger" onclick="confirm('<?php echo $text_confirm; ?>') ? $('#form-information').submit() : false;"><i class="fa fa-trash-o"></i></button>
      </div>
      <h1><?php echo $heading_title; ?></h1>
      <ul class="breadcrumb">
        <?php foreach ($breadcrumbs as $breadcrumb) { ?>
        <li><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a></li>
        <?php } ?>
      </ul>
    </div>
  </div>
  <div class="container-fluid">
    <?php if ($error_warning) { ?>
    <div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> <?php echo $error_warning; ?>
      <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>
    <?php } ?>
    <?php if ($success) { ?>
    <div class="alert alert-success"><i class="fa fa-check-circle"></i> <?php echo $success; ?>
      <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>
    <?php } ?>
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title"><i class="fa fa-list"></i> <?php echo $text_list; ?></h3>
      </div>
      <div class="panel-body">
        <form action="<?php echo $delete; ?>" method="post" enctype="multipart/form-data" id="form-information">
			<div class="well">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group" style="margin-bottom: 0;">
                            <!--<label class="control-label" for="input-name">文章名称</label>-->
                            <input type="text" name="filter_title"  placeholder="文章名称" id="input-name" class="form-control" value="<?php echo $filter_title; ?>" />
                        </div>
                    </div>

                    <div class="col-sm-4">
                        <div class="form-group" style="margin-bottom: 0;">
                            <!--<label class="control-label" for="input-status"> </label>-->
                            <button type="button" style="display: block;" id="button-filter" class="btn btn-primary"><i class="fa fa-search"></i>筛选</button>

                        </div>
                    </div>
                </div>
            </div>


			<div class="table-responsive">
			     <table class="table table-bordered table-hover">
			          <thead>
			                <tr>
			                  <td style="width: 1px;" class="text-center"><input type="checkbox" onclick="$('input[name*=\'selected\']').prop('checked', this.checked);" /></td>
			                  <td class="text-left"><a>私信标题</a></td>
			                  <td class="text-left"><a>发送时间</a></td>
                        <td class="text-left"><a>状态</a></td>
                        <td class="text-left"><a>操作</a></td>
			                </tr>
			          </thead>
			          <tbody>
			                <?php if ($data) { ?>
			                <?php foreach ($data as $item) { ?>
                                    <tr>
                                        <td class="text-center"><?php if (in_array($item[$primary_key_name], $selected)) { ?>
                                                <input type="checkbox" name="selected[]" value="<?php echo $item[$primary_key_name]; ?>" checked="checked" />
                                            <?php } else { ?>
                                                <input type="checkbox" name="selected[]" value="<?php echo $item[$primary_key_name]; ?>" />
                                            <?php } ?></td>
                                        <td class="text-left"><?php echo $item['post_title']; ?></td>
                                        <td class="text-left"><?php echo $item['send_time']; ?></td>
                                        <td class="text-left">已发送</td>
                                        <td class="text-right">
                                            <a  class="btn btn-info" href="<?php echo $item['preview']; ?>" data-toggle="tooltip" title="预览" class="btn btn-primary"><i class="fa fa-eye"></i></a>


                                        </td>
                                    </tr>
			                <?php } ?>
			                <?php } else { ?>
			                <tr>
			                  <td class="text-center" colspan="4"><?php echo $text_no_results; ?></td>
			                </tr>
			                <?php } ?>
			              </tbody>
			     </table>
    			</div>

        </form>
        <div class="row">
          <div class="col-sm-6 text-left"><?php echo $pagination; ?></div>
          <div class="col-sm-6 text-right"><?php echo $results; ?></div>
        </div>
      </div>
    </div>
  </div>
</div>
<?php echo $footer; ?>



<div class="ui_pop" id="div_grades" style="display: none;">
	<div class="ui_mask">
		<div class="ui_header">选择发送群体</div>
		<div class="ui_content">
			<div class="ui_item">
				<div class="ui_control"><input type="checkbox" id='cb1'/></div>
				<div class="control_title">一年级</div>
			</div>
			<div class="ui_item">
				<div class="ui_control"><input type="checkbox" id='cb2'/></div>
				<div class="control_title">二年级</div>
			</div>
			<div class="ui_item">
				<div class="ui_control"><input type="checkbox" id='cb3'/></div>
				<div class="control_title">三年级</div>
			</div>
			<div class="ui_item">
				<div class="ui_control"><input type="checkbox" id='cb4'/></div>
				<div class="control_title">四年级</div>
			</div>
			<div class="ui_item">
				<div class="ui_control"><input type="checkbox" id='cb5'/></div>
				<div class="control_title">五年级</div>
			</div>
			<div class="ui_item">
				<div class="ui_control"><input type="checkbox" id='cb6'/></div>
				<div class="control_title">六年级</div>
			</div>
			<div class="ui_item">
				<script type="text/javascript" src="./bootstrap-datepicker.js"></script>
				<div class="">发送时间</div>
				<div class='input-group date' id='datetimepicker1'>

					<input type='text'  class="form-control" id="input_sendTime" />
					<span class="input-group-addon">
						<span class="glyphicon glyphicon-calendar"></span>
					</span>
				</div>
				<script>
				$('#datetimepicker1').datetimepicker({
					 format: 'yyyy-mm-dd hh:ii'
				});
				var rightNow = new Date();
				var res = rightNow.toISOString().slice(0,10).replace(/-/g,"");

				$('#datetimepicker1').datetimepicker('setStartDate', res);

				</script>

			</div>
		</div>
		<div class="ui_footer">
			<div class="btn_set">
				<a class="apply_btn">确定</a>
				<a class="cancel_btn">取消</a>
			</div>

		</div>
	</div>
</div>

<!--私信预览-->
<div class="ui_pop" style="display: none;" id="div_preview">
    <div class="article_content">
        <div class="ac_item">
            <a class="ac_close" onclick="$('#div_preview').hide();"><i class="fa fa-times" aria-hidden="true"></i></a>
            <div class="ac_editor">
                <div class="ac_title" id="preview_title"></div>
                <div class="authorinfo">
                    <p id="preview_date"></p>
                </div>
                <div class="ac_details" id="preview_content">
                </div>
                <div class="ac_details" id="comments">

                </div>
            </div>
        </div>
    </div>
</div>


<div class="ui_pop" id="add_comment" style="display: none;">
    <input type="hidden" id="input_post_id" />
    <input type="hidden" id="input_customer_id" />
    <div class="article_content">
        <div class="ac_item">
            <a class="ac_close" onclick="$('#add_comment').hide();"><i class="fa fa-times" aria-hidden="true"></i></a>
            <div class="ac_editor">
                <textarea class="ac_details"  placeholder="写评论" style="height: 180px;width:580px;" id="txt_comment" ></textarea>
            </div>
            <a  onclick="send_comment()">提交</a>
        </div>
    </div>


</div>

<script type="text/javascript"><!--
    $('#button-filter').on('click', function() {
        var url = 'index.php?route=article/message&token=<?php echo $token; ?>&status=<?php echo $status; ?>';

        var filter_title = $('input[name=\'filter_title\']').val();

        if (filter_title) {
            url += '&filter_title=' + encodeURIComponent(filter_title);
        }




        location = url;
    });



    function send_comment() {
        $.ajax({
            url: 'index.php?route=article/article/comment&token=<?php echo $token; ?>&ID=' +  encodeURIComponent( $("#input_post_id").val()) + "&customer_id=" + encodeURIComponent($("#input_customer_id").val()) + "&message=" + encodeURIComponent($("#txt_comment").val()),
            dataType: 'json',
            success: function(json) {
                $('#preview_title').html(json.post_title);
                $('#preview_date').text(json.post_modified);
                $('#preview_content').html (json.post_content);
                $('#comments').html (json.post_comments);

                $('#add_comment').hide();
            },
            error: function(XMLHttpRequest, textStatus, errorThrown){
                $('#add_comment').hide();
            }
        });



    }

    function comment(post_id, customer_id) {
        $("#input_post_id").val(post_id);
        $("#input_customer_id").val(customer_id);
        $("#txt_comment").val('');
        $('#add_comment').show();
    }


    function preview(id) {
        $('#div_preview').show();

        $.ajax({
            url: 'index.php?route=article/article/preview&token=<?php echo $token; ?>&ID=' +  encodeURIComponent(id),
            dataType: 'json',
            success: function(json) {
                $('#preview_title').html(json.post_title);
                $('#preview_date').text(json.post_modified);
                $('#preview_content').html (json.post_content);
                $('#comments').html (json.post_comments);
            }
        });
    }

    //--></script>